<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JSON</title>
</head>
<body>
    <script>
        //应用流程
        //a - 通过jquery数据[后台从数据库获取的]
        //b - 接受到json数据之后,通过js的dom操作,将json数据渲染到html对应的标签

        //前后端分离的开发模式
        //前端 - 页面设计美观 - 渲染数据[数据从何而来]
        //数据通过mockjs语法+easymock平台来模拟
        //mockjs语法示例 - http://mockjs.com/examples.html
        //easymock平台的地址 - https://www.easy-mock.com/login
    
        //1 - json的应用
        //2 - json对象的语法
        //3 - json对象和json字符串之间的转换

        //1 - java后台 - 生产数据
        //2 - 前端 - 渲染数据[展示数据]
        //后台数据 - 渲染到前端页面中
        //前后台数据交互的格式 - 早起的就是使用xml格式 - json轻量级的
        // 如果数据的格式不统一 - 解析不统一

        //json就仅仅是js对象而已

        //定义一个json对象
        var s = {"id":1,"name":"rom"};
        alert(s.id);

    </script>
</body>
</html>